<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> -->
    <title>雷达云图数值</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/weather.css">
    <script src="../jscript/jquery-2.0.3.js"></script>
    <script src="../js/public.js"></script>
</head>
<body>
<div class="wrap">
    <header class="header">
        <nav class="nav" id="nav">
            <span class="navList navActive">雷达</span>
            <span class="navList">云图</span>
            <span class="navList">数值预报</span>
        </nav>

    </header>
    <div class="con">
        <div class="content conActive" id="conLeida">
            <ul class="itemWrap clearfix" id="itemWrapLeida">
                <li class="item itemActive">济南</li>
                <li class="item">滨州</li>
            </ul>
            <div class="contentWrap" id="wrapperLeida">
                <iframe id="iframePageLeida" 
				src="http://www.nmc.cn/publish/radar/shan-dong/ji-nan.htm" 
				frameborder="0" scrolling="no"></iframe>
                <div class="maskTop"></div>
                <div class="maskRight"></div>
                <div class="maskBottom"></div>
            </div>
        </div>
        <div class="content" id="conCloud">
            <ul class="itemWrap clearfix" id="itemWrapCloud">
                <li class="item itemActive">济南</li>
                <li class="item">台湾</li>
            </ul>
            <div class="contentWrap" id="wrapperCloud">
                <iframe id="iframePageCloud" 
				src="http://www.nmc.cn/publish/satellite/fy2.htm" frameborder="0" scrolling="no"></iframe>

                <div class="maskTop"></div>
                <div class="maskRight"></div>
                <div class="maskBottom"></div>

            </div>
        </div>
        <div class="content"id="conShuzhi">
            <!-- <ul class="itemWrap clearfix" id="firsNav"> -->
                <!-- <li class="item itemActive">天气形势</li> -->
                <!-- <li class="item itemActive">日本天气</li> -->
            <!-- </ul> -->
            <ul class="itemWrap clearfix" id="itemWrapShuzhi">
                <li class="item"></li>
            </ul>
            <div class="contentWrap">
                <img id="iframePageShuzhi" src="" alt="加载失败" style="border: 0;">
                <img id="iframePageShuzhi2" src="" alt="加载失败" style="border: 0;">
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
//    动态设置像素比
//     var pixelRatio = 1 / window.devicePixelRatio;
//     document.write('<meta name="viewport" content="width=device-width,initial-scale='+ pixelRatio +',minimum-scale='+ pixelRatio +',maximum-scale='+ pixelRatio +',user-scalable=no" />');
</script>
<script src="../js/weather.js"></script>

